{extend name="../../tp/view/common/base_a"/}
<!---->
{block name="title"} a 链接 {/block}
<!--style 表内样式-->
{block name='headstyle'}
<style>
    .shouji-nav-div {
        /*取消padding 使背景色充满*/
        padding: 0;
    }

    .shouji-nav-div img {
        width: 30px;
        height: 30px;
    }


    a:link {
        /*正常状态 和 被访问过的状态*/
        color: #000;
        display: block;
        background-color: #857375;
        /*背景色*/
        text-decoration: none;
        border-top: 1px solid #ece0e0;
        /**边线*/
        border-left: 1px solid #ece0e0;
        border-bottom: 1px solid #636060;
        border-right: 1px solid #636060;
    }

    a:visited {
        /*正常状态 和 被访问过的状态*/
        color: #857375;
        display: block;
        background-color: #000;
        /*背景色*/
        text-decoration: none;
        border-top: 1px solid #ece0e0;
        /**边线*/
        border-left: 1px solid #ece0e0;
        border-bottom: 1px solid #636060;
        border-right: 1px solid #636060;
    }

    a:hover {
        color: #f8f4f4;
        /*鼠标悬停*/
        background-color: #0a0909;
        border-top: 1px solid #636060;
        /**边框实现按下去的效果*/
        border-left: 1px solid #636060;
        border-bottom: 1px solid #ece0e0;
        border-right: 1px solid #ece0e0;
    }
</style>
{/block}

<!---->


<!--下面 巨幕1-->
{block name="jumbotron"}
<div class=row>
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-0  "></div>
    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 ">
        <img src="__ROOT__/static/note/img/5.jpg" class="img-responsive center-block" style="width:100%;height:200px" />
    </div>
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-0 "></div>
</div>
{/block}

<!--下面 菜单1-->
{block name="nav"}
<div class="row text-center">
    <div class="col-xs-3 shouji-nav-div">
        <a href="#h1">
            <img src="__ROOT__/static/note/img/men.png" class="img-responsive center-block" /> 首页
        </a>
    </div>

    <div class="col-xs-3 shouji-nav-div">
        <a href="#h3">
            <img src="__ROOT__/static/note/img/men.png" class="img-responsive center-block" /> 国外新闻
        </a>
    </div>
    <div class="col-xs-3 shouji-nav-div ">
        <a href="#h2">
            <img src="__ROOT__/static/note/img/men.png" class="img-responsive center-block" /> 国内新闻
        </a>
    </div>
    <div class="col-xs-3 shouji-nav-div">
        <a href="#h4">
            <img src="__ROOT__/static/note/img/men.png" class="img-responsive center-block" /> 体育新闻
        </a>
    </div>
    <div class="col-xs-3 shouji-nav-div ">
        <a href="#h5">
            <img src="__ROOT__/static/note/img/men.png" class="img-responsive center-block" /> 商务车
        </a>
    </div>
    <div class="col-xs-3 shouji-nav-div ">
        <a href="#h6">
            <img src="__ROOT__/static/note/img/men.png" class="img-responsive center-block" /> 国外新闻
        </a>
    </div>

</div>

{/block}

<!--功能代码区-->
{block name="daima_gongneng"}
<pre>
页面代码
&lt;div class="col-xs-3 shouji-nav-div "&gt;
&lt;a href="#h6"&gt;
    &lt;img src="__ROOT__/static/note/img/men.png" class="img-responsive center-block" /&gt; 国外新闻
&lt;/a&gt;
&lt;/div&gt;
<hr style="height:2px;border:none;border-top:2px dotted #185598"/>
css
.shouji-nav-div {
    /*取消padding 使背景色充满*/
    padding: 0;
}

.shouji-nav-div img {
    width: 30px;
    height: 30px;
}


a:link {
    /*正常状态 和 被访问过的状态*/
    color: #000;
    display: block;
    background-color: #857375;
    /*背景色*/
    text-decoration: none;
    border-top: 1px solid #ece0e0;
    /**边线*/
    border-left: 1px solid #ece0e0;
    border-bottom: 1px solid #636060;
    border-right: 1px solid #636060;
}

a:visited {
    /*正常状态 和 被访问过的状态*/
    color: #857375;
    display: block;
    background-color: #000;
    /*背景色*/
    text-decoration: none;
    border-top: 1px solid #ece0e0;
    /**边线*/
    border-left: 1px solid #ece0e0;
    border-bottom: 1px solid #636060;
    border-right: 1px solid #636060;
}

a:hover {
    color: #f8f4f4;
    /*鼠标悬停*/
    background-color: #0a0909;
    border-top: 1px solid #636060;
    /**边框实现按下去的效果*/
    border-left: 1px solid #636060;
    border-bottom: 1px solid #ece0e0;
    border-right: 1px solid #ece0e0;
}


</pre> {/block}